<div class="row">
  <div class="col-md-3">
    <div class="logo">
      <%=image_tag 'wedding_day.jpg', size: "400x150" %>
    </div>
  </div>
  <div class="col-md-6">
    <div class="title" style="margin-top:10px;">
      <p class="perfect_wedding">
        Jouw Perfecte Bruiloft
      </p>
    </div>
    </div>
    <div class="col-md-2">
        <form class="form" role="search">
          <div class="form-group" style= "margin:20px; padding:10px;">
            <label class="region">Pas hier uw regio aan:</label>
            <input type="text" class="form-control" placeholder="....." style="text-align:center;">
          </div>
        </form>
    </div>
</div>
<div class"row">
  <div class="col-md-2 col-md-offset-1">
    <p class="navi"><%= link_to "Stap 1 <br> Trouwlocatie & Feest".html_safe, steps_one_path, class: "navi"%></p>
  </div>
  <div class="col-md-2">
    <p class="navi"><%= link_to "Stap 2<br> Bruidsmode & Beauty".html_safe, steps_two_path, class: "navi" %></p>
  </div>
  <div class="col-md-2">
    <p class="navi"><%= link_to "Stap 3<br> Fotograaf".html_safe, steps_three_path, class: "navi"%></p>
  </div>
  <div class="col-md-2">
    <p class="navi"><%= link_to "Stap 4<br> Vervoer".html_safe, steps_four_path, class: "navi"%></p>
  </div>
  <div class="col-md-2">
    <p class="navi"><%= link_to "Stap 5<br> Overige".html_safe, steps_five_path, class: "navi"%></p>
  </div>
</div>
<div class"container">
</div>
